.pxToRem(@p, @px) {
    @{p}: @px / 75px * 1rem;
}
.box {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .pxToRem(height,70);
    .pxToRem(padding-top,20);
    span {
        font-weight: bold;
        .pxToRem(margin-left,30);
        .pxToRem(font-size,40);
        width: 5%;
        .pxToRem(height,50);
    }
    .kuang {
        flex: 1;
        border-radius: 10px;
        width: 75%;
        .pxToRem(height,60);
        background: #f5f5f5;
        border: 1px solid #eaeaea;
    }
    .ss {
        width: 15%;
        .pxToRem(height,50);
        .pxToRem(margin-left,20);
        color: red;
        .pxToRem(font-size,40);
    }
}
#main {
    width: 100%;
   
     .pxToRem(padding-left,30);
    .p1 {
        width: 100%;
        float: left;
        color: #969DA4;
        .pxToRem(font-size,30);
        .pxToRem(margin-bottom,20);
         .pxToRem(margin-top,30);
    }
    .p2 {
        width: 100%;
        flex-wrap: wrap;
          display: flex;
         
        
        align-items: center;
        text-align: center;
         border-bottom: 1px solid #969DA4;
        span {
            width: 20%;
            .pxToRem(margin,10);
            .pxToRem(line-height,40);   
            background: #f5f5f5;  
            
                }
    }
    .p3 {
        width: 100%;
        float: left;
        color: #969DA4;
        text-align: center;
        .pxToRem(font-size,30);
        .pxToRem(margin-bottom,20);
    }
}